<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/denglu.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>

<body>
    <header>
        <main>
            <div class="div_top">
                <div class="logo">
                    <div class="lg1 ico">聚诚品</div>
                    <div class="lg2 ico">可以触摸的欢乐时光</div>
                </div>
                <div class="div_right">
                    <i class="iconfont">&#xe507;</i>
                    <input type="text" placeholder="请输入想要找的宝贝">
                    <ul>
                        <li>
                            <i class="iconfont">&#xe8c8;</i>
                            <a class="dlu" href="#">立即登录</a>
                        </li>
                        <div class="link-list">
                            <a href="javascript:;">
                                <i class="ico-comm i-order"></i>
                                <span class="rr">订单管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-addr"></i>
                                <span class="rr">地址管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-quan"></i>
                                <span class="rr">优惠卡券</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-collect"></i>
                                <span class="rr">我的收藏</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-subs"></i>
                                <span class="rr">订阅管理</span>
                            </a>
                            <a href="javascript:;">
                                <i class="ico-comm i-lqcen"></i>
                                <span class="rr">领取中心</span>
                            </a>
                            <a href="javascript:;" class="quit-link" title="退出登录">
                                <i class="ico-comm i-quit"></i>
                                <span class="rr tc">退出登录</span>
                            </a>
                        </div>
                        <li>
                            <i class="iconfont">&#xe60f;</i>
                            <a class="gwc" href="#">购物车</a>
                            <span class="tol">0</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="div2">
                <img class="img1" src="../images/close.jpg" alt="">
                <p>帐号密码登录</p>
                <p class="pt">推荐使用 <a class="aq" href="#">手机QQ扫码登录</a> ，防止盗号。</p>
                <form action="../php/denglu.php">
                    <span>昵称：</span>
                    <br>
                    <input type="text" name="nickname" placeholder="昵称">
                    <br>
                    <span>密码：</span>
                    <br>
                    <input type="password" name="password" placeholder="密码">
                    <br>
                    <button>登录</button>
                    <br>
                    <a href="../html/index.html"></a>
                </form>
                <div class="bottom">
                    <a href="#" class="link" target="_blank">忘了密码？</a>
                    <span class="dotted">|</span>
                    <a href="zhuce.html" class="link" target="_blank">注册新帐号</a>
                    <span class="dotted">|</span>
                    <a class="link" href="#" target="_blank">意见反馈</a>
                </div>
            </div>
            <h1></h1>
            <div class="div_bottom">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="list.html">限时折扣</a></li>
                    <li><a href="list.html">聚豆抵扣</a></li>
                    <li><a href="list.html">定制专区</a></li>
                    <li><a href="list.html">聚发现</a></li>
                </ul>
                <span class="fenlei">全部商品分类</span>
                <i class="iconfont">&#xe60d;</i>
            </div>
            <div class="top-submenu" style="display: none;">
                <div class="mid clearfix">
                    <ul class="submenu-ul">
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175902_45069.png" alt="图标">
                                <p>服饰鞋帽</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="#">卫衣/外套</a></li>
                                <li><a href="#">T恤</a></li>
                                <li><a href="#">袜子</a></li>
                                <li><a href="#">裤子</a></li>
                                <li><a href="#">鞋子</a></li>
                                <li><a href="#">帽子</a></li>
                                <li><a href="#">服饰配件</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175852_81240.png" alt="图标">
                                <p>玩具毛绒</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">公仔</a></li>
                                <li><a href="">抱枕</a></li>
                                <li><a href="">手办</a></li>
                                <li><a href="">雕塑</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175844_41996.png" alt="图标">
                                <p>数码配件</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">手机壳</a></li>
                                <li><a href="">充电宝</a></li>
                                <li><a href="">鼠标垫/鼠标</a></li>
                                <li><a href="">U盘</a></li>
                                <li><a href="">数据线</a></li>
                                <li><a href="">打火机</a></li>
                                <li><a href="">无线充电器</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175825_51608.png" alt="图标">
                                <p>生活用品</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">杯子</a></li>
                                <li><a href="">钥匙扣</a></li>
                                <li><a href="">伞</a></li>
                                <li><a href="">眼罩/耳罩</a></li>
                                <li><a href="">美妆个护</a></li>
                                <li><a href="">其它</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175757_92212.png"alt="图标">
                                <p>箱包收纳</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">双肩包</a></li>
                                <li><a href="">单肩包</a></li>
                                <li><a href="">收纳包</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175748_45464.png" alt="图标">
                                <p>首饰配饰</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">手链</a></li>
                                <li><a href="">项链</a></li>
                                <li><a href="">挂件</a></li>
                                <li><a href="">戒指</a></li>
                                <li><a href="">其它</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175738_59817.png" alt="图标">
                                <p>文具图书</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">笔记本</a></li>
                                <li><a href="">胶带/贴纸</a></li>
                                <li><a href="">文件夹</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175600_37464.png" alt="图标">
                                <p>休闲零食</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">糖/巧克力</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175445_45354.png" alt="图标">
                                <p>海报艺术</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">画册</a></li>
                                <li><a href="">海报</a></li>
                            </ul>
                        </li>
                        <li class="submenu-li">
                            <a class="class-name" href="list.html">
                                <img src="../images/20180509175314_71961.png" alt="图标">
                                <p>其它</p>
                            </a>
                            <ul class="class-list">
                                <li><a href="">纪念币</a></li>
                                <li><a href="">礼盒</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </main>
    </header>
    <nav>
        <div class="navimg">
            <img class='lb' src="../images/1.jpg" alt="">
        </div>
        <ul class="qh">
            <li class="index bg"></li>
            <li class="index"></li>
            <li class="index"></li>
            <li class="index"></li>
        </ul>
    </nav>
    <section>
        <main>
            <div class="div1">
                <h3>今日力荐</h3>
                <span>精挑细选，给你最好的礼物。</span>
                <a href="list.html">
                    <span>更多</span>
                    <i class="iconfont">&#xe611;</i>
                </a>
            </div>
            <div class="div2">
                <ul>
                    <li>
                        <a href="list.html">
                            <img src="../images/t1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="list.html">
                            <img src="../images/t2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="list.html">
                            <img src="../images/t3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="list.html">
                            <img src="../images/t4.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="div3">
                <div class="div_top">
                    <h3>新品推荐</h3>
                    <span>荣耀新品，Q到你想要！</span>
                    <a href="list.html">
                        <span>更多</span>
                        <i class="iconfont">&#xe611;</i>
                    </a>
                </div>
                <div class="div_center">
                    <a href="list.html">
                        <img src="../images/xin1.jpg" alt="">
                    </a>
                </div>
                <div class="div_bottom">
                    <ul class="ul_s">
                        <li id="251">
                            <a>
                                <img src="../images/x11.jpg" alt="">
                                <div>
                                    <p>光与夜之恋-亚克力立牌第一弹</p>
                                    <p class="p1">￥65</p>
                                </div>
                            </a>
                        </li>
                        <li id="19">
                            <a>
                                <img src="../images/x21.jpg" alt="">
                                <div>
                                    <p>【手游】【现货】蓝影主宰典藏版合金模型</p>
                                    <p class="p1">￥498</p>
                                </div>
                            </a>
                        </li>
                        <li id="28">
                            <a>
                                <img src="../images/x31.jpg" alt="">
                                <div>
                                    <p>千年之狐李白Q版手办</p>
                                    <p class="p1">￥258</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="div3">
                <div class="div_top">
                    <h3>玩具毛绒</h3>
                    <span>可爱呆萌 暖心陪伴</span>
                    <a href="list.html">
                        <span>更多</span>
                        <i class="iconfont">&#xe611;</i>
                    </a>
                </div>
                <div class="div_center">
                    <a href="list.html">
                        <img src="../images/xin2.jpg" alt="">
                    </a>
                </div>
                <div class="div_bottom">
                    <ul class="ul_s">
                        <li id="20">
                            <a href="xiangqing.html">
                                <img src="../images/w11.jpg" alt="">
                                <div>
                                    <p>审判者Q版手办组合【现货】</p>
                                    <p class="p1">￥210</p>
                                </div>
                            </a>
                        </li>
                        <li id="27">
                            <a href="xiangqing.html">
                                <img src="../images/w21.jpg" alt="">
                                <div>
                                    <p>约德尔人迷你手办套装-限定组合</p>
                                    <p class="p1">￥374</p>
                                </div>
                            </a>
                        </li>
                        <li id="66">
                            <a href="xiangqing.html">
                                <img src="../images/w31.jpg" alt="">
                                <div>
                                    <p>CF 链锁迷踪 灵狐1/7正比例手办 </p>
                                    <p class="p1">￥698</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="div3">
                <div class="div_top">
                    <h3>服饰鞋帽</h3>
                    <span>游戏周边，伴你炫酷出行</span>
                    <a href="list.html">
                        <span>更多</span>
                        <i class="iconfont">&#xe611;</i>
                    </a>
                </div>
                <div class="div_center">
                    <a href="list.html">
                        <img src="../images/xin3.jpg" alt="">
                    </a>
                </div>
                <div class="div_bottom">
                    <ul class="ul_s">
                        <li id="12">
                            <a href="xiangqing.html">
                                <img src="../images/f11.jpg" alt="">
                                <div>
                                    <p>王者荣耀 x 十三余 貂蝉异域舞娘华服</p>
                                    <p class="p1">￥747</p>
                                </div>
                            </a>
                        </li>
                        <li id="21">
                            <a href="xiangqing.html">
                                <img src="../images/f21.jpg" alt="">
                                <div>
                                    <p>灵魂莲华 亚索 短袖</p>
                                    <p class="p1">￥168</p>
                                </div>
                            </a>
                        </li>
                        <li id="3">
                            <a href="xiangqing.html">
                                <img src="../images/f31.jpg" alt="">
                                <div>
                                    <p>悠米卫衣</p>
                                    <p class="p1">￥270</p>
                                </div>
                            </a>
                        </li>
                        <li id="4">
                            <a href="xiangqing.html">
                                <img src="../images/f41.jpg" alt="">
                                <div>
                                    <p>CF穿越火线T恤</p>
                                    <p class="p1">￥68</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </main>
    </section>
    <footer>
        <main>
            <div class="div_top">
                <div class="div_in">
                    <a href="">
                        <img src="../images/djc_logo.png" alt="">
                    </a>
                </div>
                <ul class="ul1">
                    <li><a href=""><span class="iconfont icon-qianbao"></span>购物指南</a></li>
                    <li><a href=""><span class="iconfont icon-peisong2"></span>配送方式</a></li>
                    <li><a href=""><span class="iconfont icon-tubiao1shuxiaoshuo"></span>常见操作</a></li>
                    <li><a href=""><span class="iconfont icon-05"></span>售后服务</a></li>
                    <li><a href=""><span class="iconfont icon-duihuakuang1"></span>关于我们</a></li>
                </ul>
                <ul class="ul2">
                    <li>
                        <img src="../images/jcp_gzh.jpg" alt="">
                        <p>聚诚品公众号</p>
                    </li>
                    <li>
                        <img src="../images/djc_gzh.jpg" alt="">
                        <p>道聚城公众号</p>
                    </li>
                    <li class="last_li">
                        <img src="../images/djc_app.png" alt="">
                        <p>掌上道聚城</p>
                    </li>
                </ul>
            </div>
            <div class="div_center">
                <p>
                    <a href="">腾讯互动娱乐</a> |
                    <a href="">服务条款</a> |
                    <a href="">腾讯游戏隐私保护指引</a> |
                    <a href="">腾讯游戏儿童隐私保护指引</a> |
                    <a href="">广告服务</a> |
                    <a href="">腾讯游戏招聘</a> |
                    <a href="">腾讯游戏客服</a> |
                    <a href="">游戏地图</a> |
                    <a href="">成长守护平台</a> |
                    <a href="">商务合作</a> |
                    <a href="">网站导航</a>
                </p>
                <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                <p><a href="">腾讯公司 版权所有</a></p>
            </div>
            <div class="div_bottom">
                <a href=""><img src="../images/gswj.png" alt="">工商网监电子标识
                </a>
            </div>
        </main>
    </footer>
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/denglu.js"></script>
</body>

</html>